<template>
  <div class="xxcw-breadcrumb">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item
        v-for="(item, index) in breadcrumbList"
        :key="index"
        :to="{ path: `${ item.path }` }">{{ item.name }}</el-breadcrumb-item>
    </el-breadcrumb>
  </div>
</template>
<script>
import { mapState } from 'vuex'
export default {
  data () {
    return {}
  },
  computed: {
    ...mapState('home', ['breadcrumbList'])
  }
}
</script>
<style lang="scss">
.xxcw-breadcrumb {
  margin-left: 60px;
}
</style>
